<template>
  <div>
    <div class="main">
      <div class="sczl">
        <div style="display: flex;justify-content: space-between;align-items: center;">
          <div class="content-title">取件方式</div>
          <div style="display: flex;align-items: center;cursor: pointer;">
            <img class="zcImg" src="../../../assets/zc.png" width="16" alt="">
            <div class="zcText">暂存</div>
          </div>
        </div>
        <el-divider></el-divider>
        <div class="form-title">
          <!-- <span class="form-title-tit" style="font-weight: 700;">审批办件类型:</span>
          <span>1.带<span style="color: rgb(237, 64, 20);">*</span>号为必填，请根据实际情况进行填写。</span> -->
        </div>
        <!-- <p class="stuff">
          <img class="" src="../../../assets/sqcl.png" width="22" alt="">
          <span>收取材料</span>
        </p> -->
        <el-divider></el-divider>
        <el-footer style="text-align: center;margin-top: 10px;">
          <el-button type="info" @click="goBack">上一步</el-button>
          <el-button type="primary" @click="goNext">下一步</el-button>
        </el-footer>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return {

      }
    },
    methods:{
    goNext(){
      this.$emit('goStep')
    },
    goBack(){
      this.$emit('goBack')
    },
  }
  }
</script>

<style scoped lang="less">
.demo-ruleForm{
  padding: 20px 15px;
}
.stuff{
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #2789ee;
    padding-bottom: 5px;
}
.zcImg{
  margin-right: 5px;
}
.zcText{
  font-size: 16px;
    color: #2789ee; 
}
.form-title {
  margin: 17px 0;
  width: 100%;
  height: 454px;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  box-sizing: border-box;
  padding: 0 30px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
}
.content-title {
  font-size: 24px;
  color: #222;
  font-weight: 700;
}

</style>